<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Freemarker</title>
</head>
<body>
<p>${description!''}</p>
<p>&nbsp;</p>

<#list examples as e>
    <p><strong class="example">示例${e_index}</strong></p>

    <pre>
<strong>输入：</strong>${e.input!''}
<strong>输出：</strong>${e.output!''}
<strong>解释：</strong>${e.description!''}
        <#if e.imageUrl?has_content>
            <img alt="" src="${e.imageUrl}" style="width: 322px; height: 182px;" />
        </#if>
</pre>
</#list>

<p>&nbsp;</p>

<p><strong>提示：</strong></p>
<ul>
    <#list suggestions as s>
        <li><code>${s!''}</code></li>
    </#list>
</ul>

<p>&nbsp;</p>

<p><strong>进阶：</strong>
    ${extraInfo}
    </p>

</body>
</html>